/* ------------------------------------------------------------------------------
*
*  # Pick-a-date - Picker base
*
*  The mobile-friendly, responsive, and lightweight jQuery date & time input picker
*
*  Version: 1.2
*  Latest update: Jul 5, 2016
*
* ---------------------------------------------------------------------------- */

// Picker base
.picker {
  width: 100%;
  text-align: left;
  position: absolute;
  top: 100%;
  margin-top: -1px;
  z-index: 990;
  .user-select(none);
}

// Input element
.picker__input {
  cursor: default;
}

// The base of the picker
.picker__holder {
  width: 100%;
  overflow-y: auto;
  position: absolute;
  display: none;
  background-color: @dropdown-bg;
  border: 1px solid @dropdown-border;
  border-top-width: 0;
  border-bottom-width: 0;
  max-width: 290px;
  max-height: 0;
  outline: 0;
  -webkit-overflow-scrolling: touch;
  .border-bottom-radius(@border-radius-base);
  .box-shadow(0 1px 3px fade(#000, 10%));

  // When the picker opens
  .picker--opened & {
    max-height: 480px;
    border-top-width: 1px;
    border-bottom-width: 1px;
    display: block;
  }
}
